import React, { FC } from "react";
import { Avatar, Message, Space } from "@arco-design/web-react";
import {
  IconUser,
  IconCamera,
  IconEdit,
  IconClose,
} from "@arco-design/web-react/icon";

interface UserHeadImgProps {
  src?: string;
  alt?: string;
  size?: number;
  className?: string;
}

const Public_img: FC<UserHeadImgProps> = ({ src, alt, size, className }) => {
  const imgsrc =
    "//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp";

  return (
    <Avatar
      className={className}
      size={size}
      triggerIcon={<IconCamera />}
      triggerType="mask"
    >
      <img alt="avatar" src={src ? src : imgsrc} />
    </Avatar>
  );
};

export default Public_img;
